import React from 'react'
import {NavLink} from 'react-router-dom'


class FilterLink extends React.Component{
	render(){
		return (
		<NavLink 
			to={ this.props.filter === 'HOME' ? '/' : `/${ this.props.filter }`}
			activeStyle={{
				textDecoration: 'none',
				color: 'black'
			}}
			>
			{this.props.children}
		</NavLink>
	)
	}
}

export default FilterLink